.text {
    width: 400px;
    height: 200px;
    position: relative;
    background: #58a;
    /* 回退样式 */
    padding: .5em;
    line-height: 1.5;
    /* 用背景模拟条纹 */
    /* background: beige;
    background-size: auto 3em;
    background-origin: content-box;
    background-image: linear-gradient(rgba(0, 0, 0, .2) 50%,
            transparent 0);
    padding: 50px; */

    /* 模拟下划线 */
    /* background: linear-gradient(gray, gray) no-repeat;
    background-size: 100% 1px;
    background-position: 0 1.15em;
    text-shadow: .05em 0 white, -.05em 0 white; */

    /* 文字各种特效 */
    /* background: hsl(210, 13%, 60%);
    color: hsl(210, 13%, 30%); */
    /* text-shadow: 0 1px 1px hsla(0, 0%, 100%, .8); */
    /* text-shadow: 0 -1px 1px black; */

    /* background: deeppink;
    color: white;
    text-shadow: 0 0 1px black, 0 0 1px black,
        0 0 1px black, 0 0 1px black,
        0 0 1px black, 0 0 1px black; */

    /* background: #203;
    color: #ffc;
    transition: 1s; */

    /* background: #58a;
    color: white;
    text-shadow: 0 1px hsl(0, 0%, 85%),
        0 2px hsl(0, 0%, 80%),
        0 3px hsl(0, 0%, 75%),
        0 4px hsl(0, 0%, 70%),
        0 5px hsl(0, 0%, 65%),
        0 5px 10px black; */

    color: white;
    transition: 1s;
    background: hsl(0, 50%, 45%);
    text-shadow: 1px 1px black, 2px 2px black,
        3px 3px black, 4px 4px black,
        5px 5px black, 6px 6px black,
        7px 7px black, 8px 8px black;

    /* 鼠标样式 */
    /* cursor: crosshair; */
    cursor: cell;
    /* 隐藏鼠标方法 */
    /* cursor: url('transparent.gif');
    cursor: none; */


    border: 10px solid red;
    box-shadow: 0 0 0 1px rgba(0,0,0,.3) inset;
    background-clip: padding-box;
}

.text:hover {
    text-shadow: 0 0 .1em white, 0 0 .3em white;
}

.text::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to left bottom,
            transparent 50%,
            rgba(0, 0, 0, 0.2) 0,
            rgba(0, 0, 0, 0.4)) 100% 0 no-repeat;
    width: 1.73em;
    height: 3em;
    transform: translateY(-1.3em) rotate(-30deg);
    transform-origin: bottom right;
    border-bottom-left-radius: inherit;
    box-shadow: -0.2em 0.2em 0.3em -0.1em rgba(0, 0, 0, 0.15);
}